<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta property="csp-nonce" content="<%= htmlWebpackPlugin.options.nonce %>" >
    <!-- 自定义 meta -->
    <%= htmlWebpackPlugin.options.metaDom %>

    <%= htmlWebpackPlugin.options.styles %>
</head>
<body>
    <!-- app 视图-->
    <div id="root">
        <%= htmlWebpackPlugin.options.htmlDom %>
    </div>

    <!-- redux 初始化-->
    <script nonce="<%= htmlWebpackPlugin.options.nonce %>">
        window.__initState__ = <%= htmlWebpackPlugin.options.reduxState %>
    </script>

    <!--[if lt IE 10]>
      <style type="text/css">
        body {
          padding: 0;
          margin: 0;
        }
        .no-supper {
          width: 100%;
          min-height: 100px;
          text-align: center;
          line-height: 100px;
          background-color: #ffbd91;
          color: #000;
          position: fixed;
          top: 100%;
          margin-top: -100px;
          z-index: 999;
        }
        .no-supper a {
          color: #45a7ff;
        }
      </style>
      <div class="no-supper">
        您的浏览器版本较低，可能存在安全风险，请升级到最新IE浏览器。亦可下载
        <a href="https://chrome.google.com/" target="_blank">Google Chrome</a>
      </div>
    <![endif]-->
</body>
</html>